<template>
<div class="b9_pro-nav web-font">
	<div style="margin-bottom: 40px;" class="b9_pro_item">
		<img src="../assets/img/3-2.png" />
		<div>
			<span>沙龍極享系列</span><br />
			<button @click="kindDetail1">了解更多</button>
		</div>
	</div>
	<div class="b9_pro_item">
		<img src="../assets/img/3-1.png" />
		<div>
			<span>沙龍極享系列</span><br />
			<button  @click="kindDetail2">了解更多</button>
		</div>
	</div>
	
</div>
	
</template>

<script>
	//this.$router.push('/server');
	export default {
	  	name:'Bproduct',
	  	mounted(){
	  		this.tableData()
	    },
	    data(){
	    	return {
	    		msg:1
	    	}
	    },
	    methods:{
	    	tableData(){
	    		let self = this;
				this.msg="7";
	    	},
	    	kindDetail1(){
	    		this.$router.push('/Bkind1');
	    	}
	    }
	}
</script>

<style>
	.b9_pro_item{
		text-align: center;
		position: relative;
	}
	.b9_pro_item span{
		color: white;
		font-size: 36px;
		font-weight: bold;
	}
	.b9_pro_item button{
		background: none;
		border: solid 1px white;
		width: 180px;
		color: white;
		margin-top: 30px;
		height: 40px;
		cursor: pointer;
	}
	.b9_pro_item div{
		position: absolute;
		top: 86px;
		left: 0;
		display: inline-block;
	}
	.b9_pro-nav{
		width: 70%;
		margin-left: 15%;
	}
	.b9_pro-nav div{
		height: 300px;
		width: 100%;
	}
	.b9_pro-nav div img{
		width: 100%;
		height: 100%;
	}
</style>